<!DOCTYPE html>
<!-- 主根元素 主根标签就是html -->
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>mdn中的一些html的一些元素/标签</title>
</head>
<body>
  <!-- 主根元素 主根标签 -->
  <!-- 文档的元数据 首先会是在head标签内部进行定义 其次可以定义 meta元数据 style内联样式表 title网页的标题 link一些链接等 -->
  <!-- 分区根元素就是body 表示的就是文档的内容 -->
  <header>
    <h1>简单的介绍</h1>
  </header>
  <main>
    <p>我就是一段话</p>
    <button>点赞</button>
    <blockquote style="background-color: orange">一个人可被毁灭 但是绝对不会被打败</blockquote>
    <section>一个小篇章</section>
    <strong>加粗字体</strong>
  </main>
  <label for="man"><input type="radio" id="man">man</label>
  <pre>
    这是一行代码
    function hello() {
      console.log("javascript user")
    }
    javascript 
  </pre>
  <div>
    console.log("javascript")
    alert("javascript")
  </div>
  <div>
    <pre>
      console.log("javascript")
      alert("javascript")
    </pre>
  </div>
  <div>
    <code>
      <pre>
        console.log("javascript");
        var num = 10;
        alert("javascript");
      </pre>
    </code>
  </div>
</body>
</html>